<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta charset="UTF-8">
    <title>404选课系统</title>
    <link type="text/css" rel="stylesheet" href="css/tch_css.css">
    <link type="text/css" rel="stylesheet" href="css/tch_teacherInput.css">
    <link type="text/css" rel="stylesheet" href="css/tch_drop-down.css"> <!--select选框CSS-->

		<link rel="stylesheet" href="plugins/layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="LayerCss/global.css" media="all">
		<link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="LayerCss/table.css" />

    <script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/select-widget-min.js"></script><!--select选框JS-->
    <script type="text/javascript" src="js/tch_formRequired.js"></script><!--表单验证JS-->
    <script type="text/javascript" src="js/TeaProvintes.js"></script><!--表单验证JS-->
    <script type="text/javascript" src="js/layer/layer.js"></script><!--表单验证JS-->
    
    
    <script type="text/javascript">
        $(document).ready(function () {
         	$.ajax({
        		url:"../queryStudentInfo.do",
        		type:"post",
        		dataType:"json",
        		success:function(data){
    				$(".fullName").val(data.student.name);
    				$(".sex").val(data.student.sex);
    				$(".IDNo").val(data.student.idCard);
    				$(".PhoneNo").val(data.student.phoneNum);
        		}
        	});
			
         	$('#submit').click(function () {
                $("form :input").trigger('blur');
                var numError = $('form .error,form .warning').length;
                if (numError>0) {
                		layer.msg('信息填写错误', {time: 2000,icon: 2});
                        return false;
                }               
            });
            $("#back").click(function () {
            		location.href = "stu_StudentInfo.html";
            });
        });
    </script>
    <style type="text/css">
    	body {
			background: #fff;
			
		}
		form,
		div#studentInput > section {
			background: #D3D8D8;
			margin: 0px;
		}
		
		div#studentInput > section table tr td:first-child{
			color: #1778c8;
		}
    	#back{
			color: #fff;
			cursor: pointer;
			margin:20px;
		}
    </style>
</head>



<body>
<a href="javascript:;"class="layui-btn layui-btn-normal layui-btn-small" id="back">
	<i class="layui-icon" style="color: #fff;">&#xe603;</i> 返回
</a>
<div id="studentInput">
    <section>
        <form action="../stuModifyInfo.do" method="post" name="studentForm">
            <table border="0" cellpadding="0" cellspacing="0">
				
				<tr >
					<td></td>
					<td style="color:#333;left:60px;">身份信息</td>
				</tr>
				
                <tr>
                    <td>姓名</td>
                    <td><input type="text" name="fullName" class="fullName" placeholder="请输入姓名" promptNull="姓名不能为空"
                               promptError="请输入中文姓名"></td>
                </tr>
				
				<tr>
					<td>性别</td>
					<td>
						<div style="width: 220px; display: inline-block; vertical-align:top;">
							<select name="sex" class="ui-select">
								<option value="男">男</option>
								<option value="女">女</option>
							</select>
						</div>
					</td>
				</tr>
				
				<tr>
					<td>班级</td>
					<td>
						<div style="width: 110px; display: inline-block; vertical-align:top;">
							<select name="stuclass1" class="ui-select">
                                <option value="高一">高一</option>
                                <option value="高二">高二</option>
                                <option value="高三">高三</option>
                            </select>
						</div>
						<div style="width: 110px; display: inline-block; vertical-align:top;">
							<select name="stuclass2" class="ui-select">
                                <option value="一班">一班</option>
                                <option value="二班">二班</option>
                                <option value="三班">三班</option>
								<option value="四班">四班</option>
                                <option value="五班">五班</option>
                                <option value="六班">六班</option>
                                <option value="七班">七班</option>
                            </select>
						</div>
				    </td>
				</tr>
				
                <tr>
                    <td>身份证号</td>
                    <td><input type="text" name="IDNo" class="IDNo" placeholder="请输入身份证" promptNull="身份证不能为空"
                               promptError="请输入有效身份证号码"></td>
                </tr>
                
				<tr>
                    <td>手机号码</td>
                    <td><input type="text" name="phonenum" class="PhoneNo" placeholder="请输入手机号码" promptNull="手机号码不能为空"
                               promptError="请输入正确的手机号码">
                    </td>
                </tr>
				
				
				
				<tr>
					<td>籍贯</td>
					<td>
						<div style="width: 110px; display: inline-block; vertical-align:top;">
							<select name="province" class="ui-select" id="province">
                                <option value="北京市" class="area1">北京市</option>
                            </select>
						</div>
						<div style="width: 110px; display: inline-block; vertical-align:top;">
							<select name="city" class="ui-select" id="city">
                                <option value="市区" class="area2">市区</option>
                            </select>
						</div>
				    </td>
				</tr>
				<tr>
					<td></td>
					<td>
						<div style="width: 220px; display: inline-block; vertical-align:top;">
							<select name="area" class="ui-select" id="area">
                                <option value="市区" class="area3">市区</option>
                            </select>
						</div>
					</td>
				</tr>
				
                <tr>
                    <td></td>
                    <td>
                        <button type="submit" id="submit">修&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;改</button>
                    </td>
                </tr>
            </table>
        </form>
    </section>

</div>
</body>
</html>